import React, { Component } from 'react'
import Search from './components/Search'
import List from './components/List'

export default class App extends Component {
  state = {           // 初始化状态
    users: [],        // users初始值为数组
    isFirst: true,    // 是否为第一次打开页面
    isLoading: false, // 标识是否处于加载中
    err: ''           // 存储请求相关的错误信息
  }

  // saveUsers = (users) => {
  //   this.setState({
  //     users
  //   })
  // }

  // changeIsFirst = (isFirst) => {
  //   this.setState({
  //     isFirst
  //   })
  // }

  // changeIsLoading = (isLoading) => {
  //   this.setState({
  //     isLoading
  //   })
  // }

  // saveErr = (err) => {
  //   this.setState({
  //     err
  //   })
  // }

  updateAppState = (stateObj) => {
    this.setState(stateObj)
  }


  render() {
    // const { users } = this.state
    return (
      <div className='container'>
        {/* <Search saveUsers={this.saveUsers}/> */}
        <Search updateAppState={this.updateAppState} /> 
        {/* <List users={users}/> */}
        <List {...this.state}/>
      </div>
    )
  }
}
